<script setup>
//写js的地方,setup:组合式API，整个vue组件采用的是组合式API语法
//导入响应式声明
import {ref} from 'vue'
//声明赋值
const msg = ref('hello vue3')
const score = ref(98.5)
const add = ()=>{
  console.log("1+3=",1+3);
}
add();//调用
</script>

<template>
<!--写标签的地方-->
  <h4>欢迎大家学习Vue3</h4>
  <div>输出的内容:{{msg}}</div>
  <div>考试的分数:{{score}}</div>
</template>

<style scoped>
/*写样式的地方，scoped:作用域，使当前定义的样式只针对当前组件有效*/
h4{
  color: red;
}
</style>